<template>
	<view class="no-data-container">
		<image :src="noDataImg" class="no-data-img" />
		<view class="tips">{{ firstContent }}</view>
		<view class="tips">{{ secondContent }}</view>
	</view>
</template>

<script>
// import noDataImg from '@/pagesA/assets/image/no-data.png';
import { common } from '@/pagesA/utils/common.js';
export default {
	data() {
		return {
			noDataImg: common.imgs.noDataImg
		};
	},
	props: {
		firstContent: {
			type: String,
			default: '暂无数据'
		},
		secondContent: {
			type: String,
			default: ''
		}
	},
	methods: {},
	created: function () {}
};
</script>
<style>
.no-data-container {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.no-data-img {
	width: 240rpx;
	height: 240rpx;
}

.tips {
	font-size: 28rpx;
	font-family: PingFangSC-Regular, PingFang SC;
	font-weight: 400;
	color: #4b5680;
	margin-top: 18rpx;
}

.tips:last-child {
	margin-top: 0;
}
</style>
